<template>
	<view class="message-page">
		<view class="list">
			<view class="list-item">
				<view class="img">
					<image width="50" height="50" src="/static/icon/safe.png" />
				</view>
				<view class="msg-text">
					<view class="time">2023-10-10 12:00</view>
					<view class="txt">您的孩子离开安全区域范围</view>
				</view>
			</view>
			
			<view class="list-item">
				<view class="img">
					<image width="50" height="50" src="/static/icon/waring.png" />
				</view>
				<view class="msg-text">
					<view class="time">2023-10-10 12:00</view>
					<view class="txt">您的孩子离开安全区域范围</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss" scoped>
	.message-page{
		.list{
			padding-top: 40upx;
			.list-item{
				display: flex;
				justify-content: flex-start;
				align-items: center;
				padding-left: 40upx;
				margin-bottom: 60upx;
				.img{
				}
				.msg-text{
					display: flex;
					flex-direction: column;
					justify-content: center;
					align-items: flex-start;
					padding-left: 30upx;
					.time{
						font-family: PingFang SC, PingFang SC;
						font-weight: 400;
						font-size: 24upx;
						color: #999999;
					}
					.txt{
						font-weight: 800;
						font-size: 32upx;
						color: #081A2A;
						margin-top: 10upx;
						
					}
				}
			}
		}
		
	}
</style>